.flexslider { position: relative; height:400px; overflow: hidden; background: url(../js/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: 400px;}
.flex-control-nav { position: absolute; bottom: 30px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../js/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}